.scheduler-box {
  background-color: #fff;
  color: black;
  width: 700px;
  overflow: hidden;
  margin: 20px auto;
  .scheduler-header {
    display: flex;
    text-align: center;
    border: 1px solid black;
    box-sizing: border-box;
    .scheduler-prev {
      flex: 1;
    }
    .scheduler-next {
      flex: 1;
    }
    .scheduler-middle {
      flex: 5;
    }
  }
  .scheduler-td {
    width: 100px;
    float: left;
    text-align: center;
    height: 70px;
    border: 1px solid black;
    box-sizing: border-box;
  }
  .scheduler-item {
    width: 100px;
    float: left;
    text-align: center;
    height: 70px;
    border: 1px solid black;
    box-sizing: border-box;
  }
  .prev {
    color: #cdcdcd;
  }
  .next {
    color: aqua;
  }
}
